<template>
  <div class="virtual-table-container">
    <el-tabs v-model="activeName">
      <el-tab-pane label="大数据表格" name="first">
        <BigDataTable></BigDataTable>
      </el-tab-pane>

      <el-tab-pane label="树形表格" name="second">
        <TreeTable></TreeTable>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import BigDataTable from '@/views/base-component/virtual-table/modules/big-data-table.vue';
import TreeTable from '@/views/base-component/virtual-table/modules/tree-table.vue';

export default {
  name: 'virtual-table-example',
  components: { BigDataTable, TreeTable },
  data() {
    return {
      activeName: 'first',
    };
  },
};
</script>

<style lang="scss" scoped>
.virtual-table-container {
  width: 100%;
  height: 100%;
}
</style>
